<template>
  <div>
     <p>{{title1}} <span>{{title2}}</span></p>
     <div class="box1">
         
          <Movie v-for="(v,i) in listdata" :key="i" :tit1="v.title" :imgurl="v.images.small" :id="v.id"></Movie>
     </div>
     
  </div>
</template>

<script>
import Movie from './movieitem.vue'
export default {
    props:["title1","title2","listdata"],
    components:{
        Movie
    },
}
</script>

<style scoped>
div{
    font-size: 0.16rem;
}
.box1{
    display: flex;
    overflow-x: auto;
}
span{
    font-size: 0.14rem;
    float:right;
    color: green;
}
p{
    margin:0.1rem 0;
}
</style>